<h3>Tree select</h3>
<section>
  <fui-tree [dataSource]="dataSelect" [treeControl]="treeControl">
    <fui-tree-node *fuiTreeNodeDef="let node">
      <div class="fui-tree-node-content">
        <div fuiTreeNodeToggle [style.visibility]="hasChildren(node) ? 'visible' : 'hidden'">
          <svg fuiIcon="caret-right" color="secondary" [class.expanded]="treeControl.isExpanded(node)"></svg>
        </div>
        <fui-tree-select></fui-tree-select>
        {{node.name || node.workflowName}}
      </div>
      <div class="fui-tree-node-outlet" *ngIf="treeControl.isExpanded(node)">
        <ng-container fuiTreeNodeOutlet></ng-container>
      </div>
    </fui-tree-node>
  </fui-tree>
</section>
